<template>
  <view class="scheme">
    <div class="img">
      <image class="img1" mode="widthFix" src="../../static/design/default.png"></image>
      <div class="wz">小清新活泼风格设计方案</div>
      <div class="bottom t-ju-between">
        <div class="money">
          <span style="font-size: 30rpx;color: red;">￥</span>599.00 / 月
        </div>
        <!-- <div class="box">
          1
        </div> -->
        <div class="button">
          确定选择
        </div>
      </div>
    </div>
    
    <div class="img">
      <image class="img1" mode="widthFix" src="../../static/design/default.png"></image>
      <div class="yxz">
        已选择
      </div>
      <div class="wz">商务招财风水阵设计方案</div>
      <div class="bottom t-ju-between">
        <div class="money">
          <span style="font-size: 30rpx;color: red;">￥</span>999.00 / 月
        </div>
        <!-- <div class="box">
          1
        </div> -->
        <div class="button1">
          已选择
        </div>
      </div>
    </div>
  </view>
</template>

<script>
</script>
<style>
  page {
    background-color: #fff;
  }
</style>
<style lang="scss">
  .scheme {
    
  }
  .img{
    
    width: 100%;
    // height: 600rpx;
    margin-bottom: 25rpx;
     position: relative;
  }
  .img1{
    width: 100%;
    
   }
   .wz{
     width: 85%;
     height: 100rpx;
     // border: 1rpx solid red;
     font-size: 34rpx;
     font-weight: 600;
     margin-left: 35rpx;
     line-height: 100rpx;
        }
    .bottom{
      margin: 0 auto;
      width: 90%;
      height: 100rpx;
       // border: 1rpx solid red;
    }
    .money{
      font-size: 43rpx;
      color: red;
    }
    // .box{
    //   width: 50rpx;
    //   height: 50rpx;
    //   background-color: #009dff;
    //   color: #fff;
    //   text-align: center;
    //   line-height: 50rpx;
    //   font-size: 16rpx;
    //   font-weight: 600;
    // }
    .button{
      width: 250rpx;
      height: 70rpx;
      background-color: rgb(96, 205, 182);
      border-radius: 50rpx;
      color: #fff;
      text-align: center;
      line-height: 70rpx;
      font-size: 28rpx;
      font-weight: 600;
    }
    .yxz{
      width: 250rpx;
      height: 90rpx;
      border-radius: 0 0 25rpx 0;
      background-color: rgb(96, 205, 182);
      position: absolute;
      top: 0;
      color: #fff;
      font-size: 35rpx;
      line-height: 90rpx;
      text-align: center;
    }
    .button1{
      width: 250rpx;
      height: 70rpx;
      background-color: rgb(102, 102, 102);
      border-radius: 50rpx;
      color: #fff;
      text-align: center;
      line-height: 70rpx;
      font-size: 28rpx;
      font-weight: 600;
    }
</style>